<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="author" content="帅哥or美女">
    <title>注册 - 问答项目</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="styles/all.css">
    <style>

    </style>
</head>

<body>
    <nav class="navbar navbar-inverse navbar-fixed-top">
        <div class="container">
            <div class="row">
                <div class="navbar-title">
                    <span id="goBack" class="glyphicon glyphicon-chevron-left pull-left"></span>注册
                    <span class="glyphicon glyphicon-user pull-right invisible"></span>
                </div>
            </div>
        </div>
    </nav>
    <div class="container">
        <form action="/user/register" method="POST">
            <div class="form-group">
                <!--
                    ^[\u4e00-\u9fa5a-zA-Z0-9]{2,16}$表示允许汉字、大小写字母、数字，长度为2~16位
                -->
                <input type="text" class="form-control" name="petname" required pattern="^[\u4e00-\u9fa5a-zA-Z0-9]{2,16}$" placeholder="请输入昵称">
            </div>
            <div class="form-group">
                <!--
                    ^.{6,16}$表示一个正则表达式，长度是6~16位
                    .表示除换行符以外的所有字符
                -->
                <input type="password" class="form-control" name="password" required pattern="^.{6,16}$" placeholder="请输入密码">
            </div>
            <div class="form-group">
                <input type="password" class="form-control" required pattern="^.{6,16}$" placeholder="请再次输入密码">
            </div>
            <div class="checkbox">
                <label for="">
                    <input type="radio" value="true" name="isMale" id="male" checked>先生
                </label>
            </div>
            <div class="checkbox">
                <label for="">
                    <input type="radio" value="false" name="isMale" id="famale">女士
                </label>
            </div>
            <div class="form-group">
                <input type="email" class="form-control" name="email" required placeholder="请输入电子邮件">
            </div>
            <div class="form-group">
                <select name="course" id="" class="form-control">
                    <option value="HTML5" selected>HTML5</option>
                    <option value="iOS">iOS</option>
                    <option value="Android">Android</option>
                </select>
            </div>
            <input type="submit" class="btn btn-success form-control" value="注册">
        </form>
    </div>
    <div class="modal fade" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-sm" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">智游教育</h4>
                </div>
                <div class="modal-body">
                    
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">确定</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->
    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="scripts/register.js"></script>
</body>

</html>